<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/new_file.css"/>
		<link rel="stylesheet" type="text/css" href="font/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../reset.css"/>
		<script>			
			window.onresize=function(){				
				window.location.reload()				
			}			
			var widths=document.documentElement.clientWidth;			
			document.documentElement.style.fontSize=widths/20+"px"
		</script>
		<style>
			::-webkit-input-placeholder {
			    color:    #cacaca;
			}
			:-moz-placeholder {
			   color:    #cacaca;
			}
			::-moz-placeholder {
			   color:    #cacaca;
			}
			:-ms-input-placeholder {
			   color:    #cacaca;
			}
		</style>
	</head>
	<body>
		<header>
			<div class="div1"><a href="../1/new_file.html"><img src="img/logo.png" alt="" /></div>
			<div class="div2">
				<img src="img/关注.png" alt="" />
				<p>关注房先森官方微信公众号<span>sirfang_com</span></p>
			</div>
			<b>X</b>
		</header>
		<!---->
		<div class="box1">
			<input type="text" placeholder="&nbsp;请输入关键字"/>
			<button>搜索</button>
		</div>
		<!---->
		<div class="box3">
			<ul>
				<li style="border-bottom: 0.15rem solid #39C893;">装修前</li>
				<li style="border-bottom: 0.15rem solid #FBFBFB;">装修中</li>
				<li style="border-bottom: 0.15rem solid #FBFBFB;">装修后</li>
			</ul>
		</div>
		<!---->
		<div class="box2">
			<ul>
				<li><div class="iconfont icon-house"></div><p>收房验房</p></li>
				<li><a href="../6-7/new_file.html"><div class="iconfont icon-budget"></div><p>装修预算</p></a></li>
				<li><div class="iconfont icon-taiji"></div><p>装修风水</p></li>
				<li><div class="iconfont icon-designer"></div><p>装修设置</p></li>
			</ul>
		</div>
		<!---->
		<div class="box4">
			<button><a href="../3/new_file.html">了解装修流程</a></button>
		</div>
		<!---->
		<div class="box8 boxx">
			<p class="p1">为您推荐</p><span></span>
			<ul>
				<li style="border-bottom: 0.1px solid #cacaca;">
					<div class="box8-1"><img src="img/2017-09-11_194222.jpg" alt="" /></div>
					<div class="box8-2">
						<p>房子交租要验房，验房师是做什么的？</p>
						<span class="iconfont icon-time span1"> 2016-07-07</span>
						<span class="iconfont icon-view span3"></span>
						<span class="span2">115</span>
					</div>
				</li>
				<li style="margin-top: 1rem;border-bottom: 0.1px solid #cacaca;">
					<div class="box8-1"><img src="img/2017-09-11_194209.jpg" alt="" /></div>
					<div class="box8-2">
						<p>能让您涨工资的家居风水！</p>
						<span class="iconfont icon-time span1"> 2016-07-07</span>
						<span class="iconfont icon-view span3"></span>
						<span class="span2">115</span>
					</div>
				</li>
				<li style="margin-top: 1rem;border-bottom: 0.1px solid #cacaca;">
					<div class="box8-1"><img src="img/2017-09-11_194222.jpg" alt="" /></div>
					<div class="box8-2">
						<p>遇到有这样房子的男人就嫁了吧</p>
						<span class="iconfont icon-time span1"> 2016-07-07</span>
						<span class="iconfont icon-view span3"></span>
						<span class="span2">115</span>
					</div>
				</li>
				<li style="margin-top: 1rem;border-bottom: 0.1px solid #cacaca;">
					<div class="box8-1"><img src="img/2017-09-11_194209.jpg" alt="" /></div>
					<div class="box8-2">
						<p>能让您涨工资的家居风水！</p>
						<span class="iconfont icon-time span1"> 2016-07-07</span>
						<span class="iconfont icon-view span3"></span>
						<span class="span2">115</span>
					</div>
				</li>
				<li style="margin-top: 1rem;border-bottom: 0.1px solid #cacaca;">
					<div class="box8-1"><img src="img/2017-09-11_194209.jpg" alt="" /></div>
					<div class="box8-2">
						<p>能让您涨工资的家居风水！</p>
						<span class="iconfont icon-time span1"> 2016-07-07</span>
						<span class="iconfont icon-view span3"></span>
						<span class="span2">115</span>
					</div>
				</li>
				<li style="margin-top: 1rem;border-bottom: 0.1px solid #cacaca;">
					<div class="box8-1"><img src="img/2017-09-11_194209.jpg" alt="" /></div>
					<div class="box8-2">
						<p>能让您涨工资的家居风水！</p>
						<span class="iconfont icon-time span1"> 2016-07-07</span>
						<span class="iconfont icon-view span3"></span>
						<span class="span2">115</span>
					</div>
				</li>
				<li style="margin-top: 1rem;border-bottom: 0.1px solid #cacaca;">
					<div class="box8-1"><img src="img/2017-09-11_194209.jpg" alt="" /></div>
					<div class="box8-2">
						<p>能让您涨工资的家居风水！</p>
						<span class="iconfont icon-time span1"> 2016-07-07</span>
						<span class="iconfont icon-view span3"></span>
						<span class="span2">115</span>
					</div>
				</li>
				<li style="margin-top: 1rem;border-bottom: 0.1px solid #cacaca;">
					<div class="box8-1"><img src="img/2017-09-11_194209.jpg" alt="" /></div>
					<div class="box8-2">
						<p>能让您涨工资的家居风水！</p>
						<span class="iconfont icon-time span1"> 2016-07-07</span>
						<span class="iconfont icon-view span3"></span>
						<span class="span2">115</span>
					</div>
				</li>
				<li style="margin-top: 1rem;border-bottom: 0.1px solid #cacaca;">
					<div class="box8-1"><img src="img/2017-09-11_194209.jpg" alt="" /></div>
					<div class="box8-2">
						<p>能让您涨工资的家居风水！</p>
						<span class="iconfont icon-time span1"> 2016-07-07</span>
						<span class="iconfont icon-view span3"></span>
						<span class="span2">115</span>
					</div>
				</li>
				<li style="margin-top: 1rem;border-bottom: 0.1px solid #cacaca;">
					<div class="box8-1"><img src="img/2017-09-11_194209.jpg" alt="" /></div>
					<div class="box8-2">
						<p>能让您涨工资的家居风水！</p>
						<span class="iconfont icon-time span1"> 2016-07-07</span>
						<span class="iconfont icon-view span3"></span>
						<span class="span2">115</span>
					</div>
				</li>
				<li style="margin-top: 1rem;border-bottom: 0.1px solid #cacaca;">
					<div class="box8-1"><img src="img/2017-09-11_194209.jpg" alt="" /></div>
					<div class="box8-2">
						<p>能让您涨工资的家居风水！</p>
						<span class="iconfont icon-time span1"> 2016-07-07</span>
						<span class="iconfont icon-view span3"></span>
						<span class="span2">115</span>
					</div>
				</li>
				<li style="margin-top: 1rem;border-bottom: 0.1px solid #cacaca;">
					<div class="box8-1"><img src="img/2017-09-11_194209.jpg" alt="" /></div>
					<div class="box8-2">
						<p>能让您涨工资的家居风水！</p>
						<span class="iconfont icon-time span1"> 2016-07-07</span>
						<span class="iconfont icon-view span3"></span>
						<span class="span2">115</span>
					</div>
				</li>
			</ul>
		</div>
		<!---->
		<div class="box4">
			<button>换一换 <span class="iconfont icon-change"></span></button>
		</div>
		<!---->
		<div class="box9 boxx">
			<div>
				<p>
					房先森互联网家装有别于传统公司与其他装修中介平台，以自营模式整合设计师与项目经理，杜绝项目转外包，利用
				互联网将工地进行在线全景直播，通过去中间环节，提供装修套餐+个性化定制服务。
				</p>
			</div>
		</div>
		<!---->
		<footer>
			<div><p class="iconfont icon-hot-line" style="font-size: 1rem;"></p><span> &nbsp;服务热线：400-9977-658</span></div>
			<ul>
				<li style="color:#39C893;">触屏版</li>
				<li>电脑版</li>
				<li>关于我们</li>
				<li>联系我们</li>
			</ul>
		</footer>
		<!---->
		<div class="mb">
			<img src="img/icon_close.png" alt="" class="img1"/>
			<img src="img/icon_logo.png" alt="" class="img2"/>
			<p class="p1">装修报价，只需10秒</p>
			<p class="p2">免费为您算得装修预算</p>
			<button>免费获取金币</button>
		</div>
	</body>
	
	<script>
		var img1=document.getElementsByClassName("img1")[0]
		var mb=document.getElementsByClassName("mb")[0]
		img1.onclick=function(){
			mb.style.display="none"
		}
	</script>
</html>
